<template>
	<view class="service flex-around">
		<view v-for="(item,index) in list" :key="index" @click="onclick(mobile)">
			<u-image :src="item.icon" width="116rpx" height="116rpx"></u-image>
			<view class="text">
				{{ item.text }}
			</view>
		</view>
	</view>
</template>

<script>
	const index = require("@/api/personal/index.js");
export default {
	props: {
		mobile: {
			//参数名
			type: String, //参数名
		},
	},
	data() {
		return {
			list: [
				{
					text: '续课',
					icon: this.$https.assetsPath + 'f58e3cad39a254065bfcd8e45592aea016ffd765.png'
				},
				{
					text: '请假',
					icon: this.$https.assetsPath + '5e1634c01929d5b2986f852cf5330d3d1b82afb1.png'
				},
				{
					text: '预约',
					icon: this.$https.assetsPath + '88698e69be505197587bb4c95edfb1f22c54b72c.png'
				},
			]
		}
	},
	methods:{
		onclick(mobile){
			// 拨打电话
			uni.makePhoneCall({
				phoneNumber: mobile //仅为示例
			});
			uni.showToast({
				title: '敬请期待',
				icon:'none',
				duration:850
			});
		}
		
	}
}	
</script>

<style lang="scss" scoped>
.service {
	margin-top: 30rpx;
	
	.text {
		margin-top: 20rpx;
		font-size: 28rpx;
		color: #333333;
		text-align: center;
	}
}
</style>